<template>
    <section class="jumbotron">
        <h3 class="jumbotron-heading">Search Github Users</h3>
        <div>
            <input type="text" placeholder="enter the name you search" v-model="searchName" @keyup.enter="search"/>
            <button @click="search">Search</button>
        </div>
    </section>
</template>

<script>
    import PubSub from 'pubsub-js'

    export default {
        name: "Vsearch",
        data () {
            return {
                searchName:''
            }
        },
        methods:{
            search (){
                const searchName=this.searchName.trim();
                if(searchName){
                    PubSub.publish('search',searchName)
                }
            }
        }
    }
</script>

<style lang="stylus" scoped>

</style>